<template>
    <div class="details">
        <el-container>
            <el-header>
                <el-button type="primary" @click="goEvt(router.go(-1))">返回</el-button>
            </el-header>
            <el-main class="main-list">
                <div class="content">
                    <el-form :inline="true" :model="state.list" class="demo-form-inline">
                        <el-form-item label="运营名字">
                            <el-input v-model="state.list.name"  :readonly="true" placeholder="Approved by" />
                        </el-form-item>
                        <el-form-item label="产品名字">
                            <el-input v-model="state.list.product_name" :readonly="true" placeholder="Approved by" />
                        </el-form-item>
                        <el-form-item label="运营价格">
                            <el-input v-model="state.list.price" :readonly="true" placeholder="Approved by" />
                        </el-form-item>
                        <el-form-item label="成本价格">
                            <el-input v-model="state.list.pure_price" :readonly="true" placeholder="Approved by" />
                        </el-form-item>
                        <el-form-item label="投放数量">
                            <el-input v-model="state.list.count" :readonly="true" placeholder="Approved by" />
                        </el-form-item>
                        <el-form-item label="限购数量">
                            <el-input v-model="state.list.limit" :readonly="true" placeholder="Approved by" />
                        </el-form-item>
                        <el-form-item label="上架时间">
                            <el-input v-model="state.list.sale_stime" :readonly="true" placeholder="Approved by" />
                        </el-form-item>
                        <el-form-item label="下架时间">
                            <el-input v-model="state.list.sale_etime" :readonly="true" placeholder="Approved by" />
                        </el-form-item>
                        <el-form-item label="运营区域:">
                            <el-input v-model="state.list.address" :readonly="true" placeholder="Approved by" />
                        </el-form-item>
                        <el-form-item label="备&emsp;&emsp;注:" prop="remark">
                               <el-input v-model="state.list.remark" :readonly="true" placeholder="备注" type="textarea" />
                             </el-form-item>
                    </el-form>
                </div>
            </el-main>
        </el-container>
    </div>

</template>

<script setup>
import { reactive } from 'vue'
import store from "@/store"
import {useRouter} from "vue-router"

// const list=sessionStorage.getItem('list')
const router=useRouter()
const state= reactive({
    list:[],
//   user: '',
//   region: '',
})
const getList=()=>{
    
    // 数据
    state.list=store.getters.detail
    console.log(state.list);
}
getList()
</script>

<style lang="less" scoped>
@import "@/style/common.less";

.details {
    .reuse();
}

.el-container .is-vertical {
    width: 100%;
    height: 100%;
    // background: red
}

.el-header {
    .header();
    .el-button{
        background-color: @m7;
    }
}

.el-main {
    width: 100%;
    height: 100%;
    // background-color: @h5;
    display: flex;
    justify-content: center;
    align-items: center;

    .content {
        // background-color: @m6;
        height: 100%;
        width: 880px;
        .el-form-item:nth-child(9){
            width: 100%;
        }
        .el-form-item:nth-child(10){
            width: 100%;
        }
    }
}
</style>
